<div class="right_title">
  <img class="title_arrow" src="assets/images/title_arrow.png">
  <div class="title_txt">查看学生成长记录
  </div>
</div>
<div class="right_content" id="cwpt" style="padding:5px;">
  <!-- 内容区域开始 -->
  <hr>
  搜索姓名查看：
  <input class="form-control" placeholder="请输入学生姓名" [(ngModel)]="form_name" style="width: 150px;display:inline;margin-right: 5px;">
  <button type="button" class="btn btn-primary" (click)="ck_name()">确定</button>
  <hr>
  <span>按照班级查看：</span>
  <select (change)="getbj($event.target.value)" class="form-control" style="width: 200px;display: inline;">
      <option value=''>选择年级</option>
      <option *ngFor="let x of nj_data" [value]='x.Id'>{{x.name}}</option>
  </select>
  <select [(ngModel)]="form_bj" class="form-control" style="width: 200px;display: inline;">
      <option value=''>选择班级</option>      
    <option *ngFor="let x of bj_data" [value]='x.Id'>{{x.name}}</option>
  </select>
  <button type="button" class="btn btn-primary" (click)="ck_bj()">确定</button>
  <hr>

  <ngx-table [configuration]="configuration" [data]="xsdata" [columns]="columns">
    <ng-template let-row>
      <td style="width: 200px;">
        <div class="font-small">{{row.sfzh}}</div>
      </td>
      <td style="width: 150px;">
        <div class="font-small">{{row.name}}</div>
      </td>
      <td style="width: 100px;">
        <span class="font-small">{{row.xb}}</span>
      </td>
      <td style="width: 100px;">
          <span class="font-small">{{row.sfzx}}</span>
        </td>
        <td style="width: 100px;">
            <span class="font-small">{{row.lxfs_1}}</span>
          </td>
      <td style="width: 150px;">
        <button type="button" class="btn btn-success btn-xs" (click)="ckxq(row.sfzh)">详细</button>
        <span id='openckxq' data-toggle="modal" data-target="#ckxqModal"></span>
      </td>
    </ng-template>
  </ngx-table>



<!-- 模态框（Modal) -->
<div class="modal fade" id="ckxqModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel">
            <span style="color: #337ab7;margin: 0 5px;font-weight: 600;">{{ckxsxx_jbxx['name']}}</span>的成长记录
          </h4>
        </div>
        <div class="modal-body">
           
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#grxx" data-toggle="tab">个人信息</a></li>
                <li><a href="#wjjl" data-toggle="tab">违纪记录</a></li>
                <li><a href="#ryjl" data-toggle="tab">荣誉记录</a></li>
                <li><a href="#cjjl" data-toggle="tab">成绩记录</a></li>
              </ul>
              <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="grxx">
                  <table class="table table-bordered">
                    <tr>
                      <td>姓名</td>
                      <td>
                        {{ckxsxx_jbxx['name']}}
                      </td>
                      <td>学籍号</td>
                      <td colspan="2">
                        {{ckxsxx_jbxx['xjh']}}
                      </td>
                      <td rowspan="3">
          
                      </td>
                    </tr>
                    <tr>
                      <td>性别</td>
                      <td>
                        {{ckxsxx_jbxx['xb']}}
                      </td>
                      <td>身份证号</td>
                      <td colspan="2">
                        {{ckxsxx_jbxx['sfzh']}}
                      </td>
                    </tr>
                    <tr>
                      <td>身高</td>
                      <td>
                        {{ckxsxx_jbxx['sg']}}
                      </td>
                      <td>家庭住址</td>
                      <td colspan="2">
                        {{ckxsxx_jbxx['jtzz']}}
                      </td>
                    </tr>
                    <tr>
                      <td>体重</td>
                      <td>
                        {{ckxsxx_jbxx['tz']}}
                      </td>
                      <td>民族</td>
                      <td>
                        {{ckxsxx_jbxx['mz']}}
                      </td>
          
                      <td>照片</td>
                      <td>
          
                      </td>
                    </tr>
                    <tr>
                      <td>籍贯</td>
                      <td>
                        {{ckxsxx_jbxx['jg']}}
                      </td>
                      <td>是否住校</td>
                      <td>
                        {{ckxsxx_jbxx['sfzx']}}
                      </td>
                    </tr>
                    <tr>
                      <td>所在班级</td>
                      <td colspan="5">
                        {{ckxsxx_jbxx['njb_name']}}{{ckxsxx_jbxx['bj_name']}}
                      </td>
                    </tr>
                    <tr>
                      <td>所在宿舍</td>
                      <td colspan="5">
                        {{ckxsxx_jbxx['ly_name']}}{{ckxsxx_jbxx['lc_name']}}{{ckxsxx_jbxx['fj_name']}}{{ckxsxx_jbxx['cw_name']}}
                      </td>
                    </tr>
                    <tr>
                      <td>家长信息</td>
                    </tr>
                    <tr>
                      <td>关系</td>
                      <td>姓名</td>
                      <td>政治面貌</td>
                      <td>工作单位</td>
                      <td colspan="2">联系方式</td>
                    </tr>
                    <tr>
                      <td>
                        {{ckxsxx_jbxx['gx_1']}}
                      </td>
                      <td>
                        {{ckxsxx_jbxx['xm_1']}}
                      </td>
                      <td>
                        {{ckxsxx_jbxx['zzmm_1']}}
                      </td>
                      <td>
                        {{ckxsxx_jbxx['gzdw_1']}}
                      </td>
                      <td colspan="2">
                        {{ckxsxx_jbxx['lxfs_1']}}
                      </td>
                    </tr>
                    <tr>
                      <td>
                        {{ckxsxx_jbxx['gx_2']}}
                      </td>
                      <td>
                        {{ckxsxx_jbxx['xm_2']}}
                      </td>
                      <td>
                        {{ckxsxx_jbxx['zzmm_2']}}
                      </td>
                      <td>
                        {{ckxsxx_jbxx['gzdw_2']}}
                      </td>
                      <td colspan="2">
                        {{ckxsxx_jbxx['lxfs_2']}}
                      </td>
                    </tr>
                  </table>
                </div>
                <div class="tab-pane fade" id="wjjl">
                  <table class="table table-bordered">
                    <tr>
                      <td style="width: 100px;">违纪时间</td>
                      <td style="width: 60px;">扣学分</td>
                      <td>违纪过程</td>
                    </tr>
                    <tr *ngFor="let x of ckxsxx_wj;">
                        <td>{{x.sj}}</td>
                        <td>{{x.lhxf}}</td>
                        <td>{{x.ms}}</td>
                      </tr>
                  </table>
                </div>
                <div class="tab-pane fade" id="ryjl">
                    <table class="table table-bordered">
                        <tr>
                          <td style="width: 100px;">获荣誉时间</td>
                          <td style="width: 60px;">加学分</td>
                          <td>荣誉描述</td>
                        </tr>
                        <tr *ngFor="let x of ckxsxx_ry;">
                            <td>{{x.sj}}</td>
                            <td>{{x.lhxf}}</td>
                            <td>{{x.ms}}</td>
                          </tr>
                      </table>
                </div>
                <div class="tab-pane fade" id="cjjl">
                  <p>312
                  </p>
                </div>
              </div>
          
        </div>
        <div class="modal-footer">
          <button id="qxant" class="btn btn-warning" style="float: left;" data-dismiss="modal">
            取消
          </button>
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal -->










  <!-- 内容区域结束 -->  
  </div>
